<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/rebox/jquery-rebox.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
	
	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/rebox/jquery-rebox.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde&plugin=AMap.Geocoder"></script>
    <script src="<%=basePath %>resources/js/common/util/common.js"></script>
<title>历史图片</title>
<style>
.header{
	margin-left:50px;
}
.largeImgPop .amap-info{
	left:60px !important;
}
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var vid="<%=request.getParameter("vid")%>";
</script>
<body class="historyPic">
<div class="page">
	<%@ include file="/views/common/top.jsp" %> 
	<div class="main ">
        <div class="slider pa clearfix">
           	<%@ include file="/views/common/menu.jsp" %> 
        </div>
        <div class="content">
         <div class="query clearfix">
              
               <div class="margin-right15 fl" >
				     <select class='query-select' id="chooseObj">
				           <option value ="2">车辆查询</option>
				           <option value ="1">企业查询</option>
				     </select> 
			 </div>
			 <div class="margin-right15 fl" id="enterpriseSelDiv" style="display:none;">
			     <select class="query-select" id="selectVehicleEnterpriseSel" 
			     	style='border-color:#dedede;width:150px;'></select>
			</div>
			<div class="margin-right15 fl" id="vehicleSelDiv">
				   <select class="query-select" id="selectVehicleSel" style='border-color:#dedede;width:150px;' >
				   </select>
			 </div> 
               <!--  <div class="margin-right15 fl"  id="vehicleSelDiv" style="border:1px solid #DEDEDE;">
                    <label class="query-label fl">车辆:</label>
                    <select class="query-select" id="selectVehicleSel">
                     </select>
                </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="margin-right15 fl"id="enterpriseSelDiv">
                    <label class="query-label fl">企业:</label>
                   <select class="query-select" id="selectVehicleEnterpriseSel">
                     </select>
                </div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--> 
                <div class="margin-right15 fl">
                    
                    <input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'inputEndDate\')}'})">
                    <span class="fl query-text">至</span>
                    <input type="text" id="inputEndDate" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'inputStartDate\')}'})" >
                </div>
                <a class="btn" href="javascript:;" id="queryBtn" style='background:#2a5ab1'>查询</a>
            </div>
        	<!-- <div class="query clearfix pr">
        		<div class="query-list fl">
                    <label class="query-label fl">企业:</label>
                    <select class="query-select" id="selectVehicleUnitSel">
                    	
                     </select>
                </div>
        		<div class="query-list fl choseCar clearfix">
        			<label class="label fl">查询车辆:</label>
        			<select class="fl" id="selectVehicleSel" style="width:150px;">
        				
        			</select>
        		</div>
        		<div class="query-list date fl">
        			<label class="label fl">时间:</label>
        			<input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})" ">
                    <input type="text" id="inputEndDate" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})" >
        		</div>
        		<a class="btn" href="javascript:;" id="queryBtn">查询</a>
        	</div> -->
        	<div class="echart">
        		<div id="myCharts"></div>
        	</div>
        	<div class="pic">
        		<div id="myCarousel" class="carousel slide" data-interval="false">
  					<ol class="carousel-indicators dn">
    					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    					<li data-target="#myCarousel" data-slide-to="1"></li>
  					</ol>
  					<!-- Carousel items -->
  					<div class="carousel-inner">
    					<!--<div class="active item">
    						<ul class="row-fluid ">
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1499216822&di=a73d6d6a6161b3c0367606da45fc239e&imgtype=jpg&er=1&src=http%3A%2F%2Fh.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2Fdbb44aed2e738bd4cc9216c0a08b87d6267ff994.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    						</ul>
    					</div>
    					<div class="item">
    						<ul class="row-fluid">
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    						</ul>
    					</div>
    					<div class="item">
    						<ul class="row-fluid">
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    							<li class="span2"><a class="db imgA largeImg" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg"><img src="<%=basePath%>resources/images/ceshi.png"></a></li>
    						</ul>
    					</div>-->
  					</div>
  					<!-- Carousel nav -->
  					<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  					<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>
        	</div>
        </div>
    </div>
</div>
<div class="largeImgPop dn">
	<a class="close pa" href="javascript:;"></a>
	<div class="cont-body clearfix">
		<div class="cont-img fl pr" style="text-align:center;">
			<img id="largeImgage" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1498493332443&di=941b561f993a2d0b62930ed604b2dd6e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F53bf465be4aa3.jpg">
			<a class="prevNext prev" href="javascript:;">&lsaquo;</a>
  			<a class="prevNext next" href="javascript:;">&rsaquo;</a>
  			<div class="pageSize tc pa"></div>
		</div>
		<div class="cont-map fl" id="mymap">
			
		</div>
	</div>
</div>
<script src="<%=basePath %>resources/js/common/main/HashMap.js"></script>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/mapToop.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/business/report/historyPic.js"></script>
</body>
</html>